"use client"

import { Plus } from "lucide-react"
import { useDialog } from "@/contexts/dialog-context"

export function EditGridItem() {
  const { setSettingDialogOpen } = useDialog()

  const handleEditClick = () => {
    setSettingDialogOpen(true)
  }

  return (
    <div className="grid-item">
      <button 
        onClick={handleEditClick}
        className="w-full h-full flex flex-col items-center justify-center cursor-pointer hover:opacity-80 transition-opacity"
        title="编辑网站数据"
      >
        <div 
          className="grid-icon flex items-center justify-center bg-gray-100 dark:bg-gray-800 border-2 border-dashed border-gray-300 dark:border-gray-600 transition-colors"
        >
          <Plus className="w-8 h-8 text-gray-500 dark:text-gray-400 transition-colors" />
        </div>
        {/* <div className="grid-title">编辑</div> */}
      </button>
    </div>
  )
} 